body,html{
    width: 100%;
    height: 100%;
    background: #666;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.header{
    width: 100%;
    .px2rem(height,50);
    background:#ffffff;
    .px2rem(margin-top,20); 
  img{
    .px2rem(height, 35);
    .px2rem(width, 35);
    margin-left: 92%;
  }
}
.box{
    .px2rem(margin-top,10);
    width: 100%;
    .px2rem(height, 135);
    img{
        width: 100%;
        .px2rem(height,135);
    }
}
.box1{
    background: #ffffff;
    .px2rem(padding-top ,25);
    .box1_1{
        border-bottom:1px solid #ccc;
        .px2rem(padding-top,25);
        width: 100%;
        .px2rem(height,60);
        display: flex;
        justify-content: space-between;
        p:nth-child(1){
            .px2rem(margin-top,-5);
            img{
                .px2rem(width, 35);
                .px2rem(height, 28);
            }
            span{
                .px2rem(font-size,28);
            }
        }
        p:nth-child(2){
                .px2rem(font-size,24);
                color: #ccc;
        }
    }
   .box1_2{
        width: 100%;
        .px2rem(height,100);
        text-align: center;
        display: flex;
        justify-content: space-around;
        align-items: center;
        dl{
            flex: 1;
            text-align: center;
            .px2rem(font-size,22);
           img{
                .px2rem(width, 50);
                .px2rem(height, 40);  
            }
        }
   }
}
.box2{
    .box2_1{
        border-bottom:1px solid #ccc;
        .px2rem(padding-top,25);
        width: 100%;
        .px2rem(height,60);
        display: flex;
        justify-content: space-between;
        p:nth-child(1){
            .px2rem(margin-top,-5);
            img{
                .px2rem(width, 35);
                .px2rem(height, 28);
            }
            span{
                .px2rem(font-size,28);
            }
        }
        p:nth-child(2){
                .px2rem(font-size,24);
                .px2rem(padding-right,20);
                color: #ccc;
        }
    }
   .box1_2{
        width: 100%;
        .px2rem(height,100);
        text-align: center;
        display: flex;
        justify-content: space-around;
        align-items: center;
        a{
            dl{
                flex: 1;
                text-align: center;
                .px2rem(font-size,22);
                color: #000000;
            }  
        }
   }
}

.footer{
    z-index: 30;
    width: 100%;
    .px2rem(height,100);
    display: flex;
    background: white;
    text-align: center;
     justify-content: space-around;
      align-items: center;
      position: fixed;
      bottom: 0%;
     img{
         .px2rem(width,55);
         .px2rem(height,55);
         margin-top: 2%;
     }
     
}